import React from 'react'
import type { FC } from 'react'

interface HeaderProps {
  title: string
  subtitle: string
}

const Header: FC<HeaderProps> = ({ title, subtitle }) => {
  return (
    <header className="bg-white shadow-md sticky top-0 z-50 transition-all duration-300">
      <div className="container mx-auto px-4 py-6">
        <h1 className="text-4xl font-bold text-center text-primary">{title}</h1>
        <p className="text-center text-gray-600 mt-2">{subtitle}</p>
      </div>
    </header>
  )
}

export default Header